<template>
    <el-container>
        <el-header style="margin-top: 20px;">
            <h2>演员参演数量Top10分析</h2>
        </el-header>
        <el-main style="margin-top: -20px;">
            <el-card shadow="always" class="code-card">
                <el-scrollbar>
                    <el-row gutter={20}>
                        <el-col :span="10">
                            <el-image style="width: 100%; height: auto; margin-bottom: 20px;"
                                src="src\assets\img\top_10_directors_distribution.png" alt="电影演员Top10"></el-image>
                        </el-col>
                        <el-col :span="14" style="margin-top: 40px;">
                            <p>
                                <strong>分析：</strong>
                                从图中的数据可以看出，演员参演数量前10名的演员频繁出现在各类电影作品中，这些演员的活跃度较高，通常参与多个项目以扩大自己的曝光度。
                                这些演员通常通过参与不同类型的电影作品，建立了广泛的观众群体。他们的频繁参演可能反映了行业对他们的需求，也可能与他们的演技和市场吸引力密切相关。
                                然而，演员参演数量的增多并不一定意味着票房成功，因此在分析演员的影响力时，不仅要关注参演数量，还需要综合考虑票房表现、口碑等因素。
                            </p>
                            <p>
                                <strong>代码展示：</strong>
                            </p>
                            <pre style="background-color: #f4f4f4; padding: 15px; border-radius: 5px;">
<code>
plt.figure(figsize=(10, 6))
actor_counts = df['actors'].value_counts().head(10)  # 获取参演数量最多的前10个演员
sns.barplot(x=actor_counts.index, y=actor_counts.values, palette='coolwarm')
plt.title('前10位演员参演数量分布')
plt.xlabel('演员')
plt.ylabel('参演数量')
plt.xticks(rotation=25)
plt.savefig('top_10_actors_distribution.png')  # 保存图像
plt.show()
</code>
                            </pre>
                        </el-col>
                    </el-row>
                </el-scrollbar>
            </el-card>
        </el-main>
        <el-footer>
            <el-alert title="提示：请确保运行环境正确配置。" type="info" show-icon>
            </el-alert>
        </el-footer>
    </el-container>
</template>

<script>
    export default {
        name: 'MovieAnalysis'
    }
</script>

<style scoped>
    /* 添加你需要的样式 */
</style>
